<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%-- <link rel="stylesheet"
	href="<%=request.getContextPath() %>/WEB-ROOT/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet"
	href="<%=request.getContextPath() %>/WEB-ROOT/css/common.css">
<link rel="stylesheet"
	href="<%=request.getContextPath() %>/WEB-ROOT/bootstrap/css/treeview.css"> --%>


<%
    HttpSession s = request.getSession();
%>
<body class="full" id="content">
<div id="alert"></div>
<div id="addTrainList"></div>
<div class="row">

    <div class="col-lg-12 col-md-12 col-sm-12 ">
        <form class="form-inline" role="form" id="selectDepVal">
            <div class="row">
                <div class="form-group inputselect col-lg-4">
                    <sec:authorize access="hasRole('ROLE_ADMIN')">
                        <button type="button" class="btn btn-info btn-sm " id="addTrain"
                        >
                            <span class="glyphicon glyphicon-user"></span> 新增档案
                        </button>
                    </sec:authorize>
                </div>
            </div>


        </form>
        <form class="form-inline" role="form"></form>

        <div class="table-responsive " style="margin-left: 3%;">

            <table class="table table-hover tablefont">
                <tbody id="tableList">

                </tbody>

            </table>
            <div style="bottom: 10%">
                <div id="paging" style="text-align: center; margin-left: 25%;">
                </div>

            </div>


        </div>

    </div>
</div>

<%-- <script
    src="<%=request.getContextPath() %>/WEB-ROOT/bootstrap/js/jquery-min.js"></script>
<script
    src="<%=request.getContextPath() %>/WEB-ROOT/bootstrap/js/treeview.js"></script>
<script
    src="<%=request.getContextPath() %>/WEB-ROOT/bootstrap/js/bootstrap.min.js"></script> --%>

<script type="text/javascript">
    //增加
    var authority = "${authority}";
    //增加
    $("#addTrain").click(function(){
        $("#addTrainList").load("WEB-ROOT/html/Record/addRecord.jsp",function(){
            $("#addModel").modal({
                keyboard: true
            });

        })

    });
    var pageSize = 8;
    var dataUrl = "${pageContext.request.contextPath}/record";
    selectList= function(){
        initPage("0",pageSize,dataUrl);
    };
    initPage("0", pageSize, dataUrl);


    function initPage(num, ps, url) {
        //alert(num);
        $.ajax({
            url : url,
            type : "GET",
            data : "currentPage=" + num + "&pageSize=" + ps ,
            contentType : "application/json;charset=utf-8",
            success : function(msg) {
                //alert(data.username);
                initTable(msg);
                // if("[ROLE_USER]"==authority){
                //     // $('.editDepa').attr("disabled", true);
                //     // $('.delDepa').attr("disabled", true);
                //     //$("#paging").attr("style","display:none;");
                // }

                var i=1;
                var sqlData;
                var dateR;
                //表格用的日期格式
                var newDate = new Date();
                //alert($('#tableList tr:eq(1) td:eq(4)').text());
                while($('#tableList tr:eq('+ i + ') td:eq(2)').text()!=""){
                    sqlData = $('#tableList tr:eq('+ i + ') td:eq(2)').text();
                    newDate.setTime(sqlData);
                    dateR = getMyDate(newDate);
                    $('#tableList tr:eq('+ i + ') td:eq(2)').text(dateR);
                    i++;
                }

            },
            error : function(e) {
                console.log(e)
                alert("失败");
            }
        });
    }
    //初始化表格
    function initTable(data) {
        var obj = data.extend.data.list;
        var page = data.extend.data;
        page.pageNumber=page.pageNum;
        myTable = $
            .lTable(
                '#tableList',
                {
                    data : obj
                    ,
                    title : [
                        "id",
                        "date",
                        "name",
                        "userId",
                        "adress",
                        "level",
                        "operatorId",
                        "remark",
                        "<button  class='btn btn-info btn-sm editDepa'  ID='editDepa' onclick='updF(id)'><span class='glyphicon glyphicon-user'></span> 编辑</button> <button  class='btn btn-info btn-sm delDepa' ID='delDepa' onclick='delF(id)'><span class='glyphicon glyphicon-user'></span>删除</button>" ] ,
                    name : [ "id", "入档时间", "档案名称", "归属ID","档案地址","保密等级","操作人员","备注","_opt" ],

                    tid : "id",
                    checkBox : "id"
                });

        $.lPaging('#paging',
            {
                pageNumber : page.pageNumber
                ,

                totalPage : page.pages
                ,
                countSize : 8
                ,
                count : page.total,

                inputSearch : false
                ,
                onPageChange : function(num) {
                    initPage(num, pageSize, dataUrl);
                }
            });
    }
    //编辑
    function updF(id) {
        $.ajax({
                type : "POST",
                url : "${pageContext.request.contextPath}/recordSelect",
                data : id,
                async : true,
                // dataType:"json",
                contentType : "application/json;charset=utf-8",
                success : function(msg) {
                    $("#addTrainList").load(
                        "WEB-ROOT/html/Record/addRecord.jsp",
                        function() {
                            $("#addModel").modal({
                                keyboard : true
                            });
                            var newUpdateDate = new Date();
                            var record = msg.extend.record;
                            if (record != null) {
                                $("#id").val(
                                    record.id);
                                newUpdateDate.setTime(record.date);
                                var changedTime = getMyDate(newUpdateDate);

                                $("#date").val(
                                    changedTime);
                                $("#name").val(
                                    record.name);
                                $("#userId").val(
                                    record.userId);
                                $("#adress").val(
                                    record.adress);
                                $("#level").val(
                                    record.level);
                                $("#operatorId").val(
                                    record.operatorId);
                                $("#remark").val(
                                    record.remark);
                                $("#submitType").val("PUT")
                            }
                            getSelectInput();
                        })
                },
                error : function(msg) {
                    alert("fail");
                }
            });

    }

    function delF(id) {
        $("#alert").load("WEB-ROOT/common/alert.jsp",
            function(response, status, xhr) {
                $('#alert').html(response);
            });
        $.ajax({
                type : "DELETE",
                url : "${pageContext.request.contextPath}/delRecord",
                data : id,
                async : true,
                contentType : "application/json;charset=utf-8",
                success : function(msg) {
                    $("#alertText").text(msg.message);
                    $("#alertModel").modal({
                        keyboard : true
                    });
                },
                error : function(msg) {
                    $("#alertText").text("删除失败");
                    $("#alertModel").modal({
                        keyboard : true
                    });
                }
            });
    }

</script>
</body>





